// 入口文件
import Vue from 'vue'

//导入缩略图插件
 import VuePreview from 'vue-preview'
 Vue.use(VuePreview)

// 导入MUI样式
import '../lib/mui/dist/css/mui.min.css'
import '../lib/mui/dist/css/icons-extra.css'
import '../lib/mui/dist/css/app.css'

// 按需导入 mint-ui 中的组件
// import { Header } from 'mint-ui'
// Vue.component(Header.name,Header)

// import { Swipe, SwipeItem, Button } from 'mint-ui';
// Vue.component(Swipe.name, Swipe);
// Vue.component(SwipeItem.name, SwipeItem);
// Vue.component(Button.name, Button)
// import { Lazyload } from 'mint-ui';
// Vue.use(Lazyload);
import Mint from 'mint-ui';
Vue.use(Mint);

// 导入MUI中的js
import '../lib/mui/js/mui.js'

// 导入 vue-router
import VueRouter from 'vue-router'
Vue.use(VueRouter)

import router from './router.js'

// 导入 vue-resource
import VueResource from 'vue-resource'
Vue.use(VueResource)
Vue.http.options.root = 'http://47.89.21.179:8080/api'
Vue.http.options.emulateJSON = true;

// 导入 vuex 
import Vuex from 'vuex'
Vue.use(Vuex)
var car = JSON.parse(localStorage.getItem('car' || '[]'))
var store = new Vuex.Store({
  state:{
    car: car // 将购物车中的商品数据，用一个数组存储起来
  },
  mutations:{
    addToCar(state,obj){
      var flag = false;
      state.car.some(item => {
        if(obj.id === item.id){
          item.count +=parseInt(obj.count)
          flag = !flag
          return true
        }
      })
      if(!flag){
        state.car.push(obj)
      }
      localStorage.setItem('car', JSON.stringify(state.car))
    }
  },
  getters:{
    getAllCount(state){
      var c = 0;
      state.car.forEach(item => {
        c+=item.count
      })
      return c;
    }
  }
})

// 导入app组件
import app from './app.vue'

// 导入格式化时间插件
import moment from 'moment'

// 定义全局过滤器
Vue.filter('dataFormat',function(dataStr,pattern='YYYY-MM-DD HH:mm:ss'){
  return moment(dataStr).format(pattern)
})

var vm = new Vue({
  el: '#app',
  render: c => c(app),
  router,
  store
})
